<template>
	<view class="container">
		<view class="infromation">求购方信息</view>
		<view class="mids boxS">
			<view class="mids-item">
				<text>四川森垚汽车销售中心</text>
				<image style="width: 90rpx;height: 30rpx;" :src="Core.globalImgUrlBussiness+'/Sxy_queryCarMeDetail/17@2x.png'"></image>
				<image style="width: 30rpx;height: 32rpx;" :src="Core.globalImgUrlBussiness+'/Sxy_queryCarMeDetail/5@2x.png'"></image>
			</view>
			<view class="mids-item">
				<text>张**</text>
				<text style="margin-left: 30rpx;">158****1234</text>
				<text style="font-size: 24rpx;color: #999999;">（报价后可见联系方式）</text>
				<image style="width: 40rpx;height: 30rpx;" :src="Core.globalImgUrlBussiness+'/Sxy_queryCarMeDetail/shenfen@2x.png'"></image>
			</view>
		</view>
		<view class="infromation">车型信息</view>
		<view class="mids boxS">
			<view class="mid-item colorE" style="min-height: 108rpx;height: auto;padding-top: 30rpx;border-bottom: none;">
				<view class="mid-left">车型</view>
				<view class="mid-right" style="line-height:45rpx;text-align: left;">国产 奥迪 A6L 甄选动感版国V进取 动感型</view>
			</view>
			<view class="mid-item colorE">
				<view class="mid-left">指导价</view>
				<view class="mid-right text-line" style="text-align: left;">38.69万</view>
			</view>

			<view :class="more.name=='查看更多'?'uplist':''">
				<view class="mid-item colorE">
					<view class="mid-left">有效期</view>
					<view class="mid-right text-line">3天</view>
				</view>


				<view class="mid-item colorE">
					<view class="mid-left">发布日期</view>
					<view class="mid-right text-line">2020-08-29 12：59</view>
				</view>
				<view class="mid-item colorE">
					<view class="mid-left">外观内饰</view>
					<view class="mid-right text-line">奥迪 A6L</view>
				</view>
				<view class="mid-item colorE">
					<view class="mid-left">上牌地点</view>
					<view class="mid-right text-line">达州</view>
				</view>
				<view class="mid-item colorE">
					<view class="mid-left">区域要求</view>
					<view class="mid-right text-line">四川</view>
				</view>
				<view class="mid-item colorE">
					<view class="mid-left">手续</view>
					<view class="mid-right text-line">随车</view>
				</view>
				<view class="mid-item colorE">
					<view class="mid-left">车辆详情</view>
					<view class="mid-right text-line">店保</view>
				</view>
				<view class="border-none mid-item colorE">
					<view class="mid-left">备注</view>
					<view class="remakr">这里是备注信息巴拉巴拉巴拉巴拉巴拉巴拉巴拉 巴拉巴拉</view>
				</view>
			</view>
			<view class="get-more" @click="getMore">
				<text class="name">{{more.name}}</text>
				<image :class="more.name=='查看更多'?'up':''" :src="Core.globalImgUrlBussiness+'/newpage/R_VehicleSource/you1@2x.png'"
				 mode="aspectFit"></image>
			</view>

		</view>

		<view class="infromation">我的报价信息</view>
		<view class="mids boxS edit">
			<view class="mid-item colorE" style="min-height: 108rpx;height: auto;padding-top: 30rpx;border-bottom: none;">
				<view class="mid-left">车型</view>
				<view class="mid-right" style="line-height:45rpx;text-align: left;">国产 奥迪 A6L 甄选动感版国V进取 动感型</view>
			</view>
			<view class="mid-item colorE">
				<view class="mid-left">指导价</view>
				<view class="mid-right text-line" style="text-align: left;">38.69万</view>
			</view>
			<view class="mid-item colorE">
				<view class="mid-left">我的报价</view>
				<view class="right">
					<view class="input-view">
						<input type="text" v-model="price" placeholder="请输入金额" placeholder-style="font-size:26rpx;color:#999" />
					</view>
					<view class="icon">万
					</view>
				</view>
			</view>
			<view class="mid-item colorE">
				<view class="mid-left">定金</view>
				<view class="right">
					<view class="input-view">
						<input type="text" v-model="Deposit" placeholder="请输入金额" placeholder-style="font-size:26rpx;color:#999" />
					</view>
					<view class="icon">元
					</view>
				</view>
			</view>

			<view class="mid-item colorE" @tap="openTimePicker">
				<view class="mid-left">报价有效期</view>
				<view class="right">
					<view class="input-view">
						<input type="text" :value="endtime" placeholder="请选择" placeholder-style="font-size:26rpx;color:#999" disabled />
					</view>
					<view class="icon">
						<image :src="Core.globalImgUrlBussiness+'/newpage/R_VehicleSource/you1@2x.png'" mode="aspectFit"></image>
					</view>
				</view>
			</view>
			<!-- 有效期 picker -->
			<u-picker mode="time" v-model="showTime" @confirm="chooseTime" confirm-color="#FBB000"></u-picker>
			<view class="mid-item colorE" @click="openPoup(3)">
				<view class="mid-left">报价联系人</view>
				<view class="right">
					<view class="input-view">
						<input type="text" :value="contacts" placeholder="请选择" placeholder-style="font-size:26rpx;color:#999" disabled />
					</view>
					<view class="icon">
						<image :src="Core.globalImgUrlBussiness+'/newpage/R_VehicleSource/you1@2x.png'" mode="aspectFit"></image>
					</view>
				</view>
			</view>
			<view class="mid-item colorE" @click="openPoup(0)">
				<view class="mid-left">手续</view>
				<view class="right">
					<view class="input-view">
						<input type="text" :value="proceduresName" placeholder="请选择" placeholder-style="font-size:26rpx;color:#999"
						 disabled />
					</view>
					<view class="icon">
						<image :src="Core.globalImgUrlBussiness+'/newpage/R_VehicleSource/you1@2x.png'" mode="aspectFit"></image>
					</view>
				</view>
			</view>
			<!-- 手续弹窗 -->
			<u-popup v-model="proceduresShow" mode="bottom">
				<view class="procedures">
					<view class="title">手续</view>
					<view class="main">
						<view class="li" v-for="(item,index) in proceduresList" :key="index" @click="chooseProcedures(index)">
							{{item}}
						</view>
					</view>
				</view>
			</u-popup>

			<view class="mid-item colorE" @click="openPoup(1)">
				<view class="mid-left">车辆详情</view>
				<view class="right">
					<view class="input-view">
						<input type="text" :value="detailName" placeholder="请选择" placeholder-style="font-size:26rpx;color:#999" disabled />
					</view>
					<view class="icon">
						<image :src="Core.globalImgUrlBussiness+'/newpage/R_VehicleSource/you1@2x.png'" mode="aspectFit"></image>
					</view>
				</view>
			</view>
			<!-- 车辆详情 -->
			<u-popup v-model="detailShow" mode="bottom">
				<view class="procedures">
					<view class="title">车辆详情</view>
					<view class="main">
						<view class="li" v-for="(item,index) in detailList" :key="index" @click="chooseDetail(index)">
							{{item}}
						</view>
					</view>
				</view>
			</u-popup>


			<view class="mid-item colorE" @click="openPoup(2)">
				<view class="mid-left">车辆所在地</view>
				<view class="right">
					<view class="input-view">
						<input type="text" v-model="address" placeholder="请选择" placeholder-style="font-size:26rpx;color:#999" disabled />
					</view>
					<view class="icon">
						<image :src="Core.globalImgUrlBussiness+'/newpage/R_VehicleSource/you1@2x.png'" mode="aspectFit"></image>
					</view>
				</view>
			</view>
			<!-- 车辆所在地 -->
			<recom :title="'车辆所在地'" :showdz="zoneShow" @close="cancel" @confirmdz="confirmdz"></recom>

		</view>

		<view class="infromation">备注</view>
		<view class="mids boxS tips">
			<view class="mid-item colorE" style="display: block;height: auto;">
				<view class="mid-left">请输入备注信息</view>
				<view class="remakr">
					<textarea auto-height placeholder="请输入备注信息" />
					</view>
			</view>
		</view>

		<view class="footer" @click="sub">
			<image :src="Core.globalImgUrlBussiness+'/newpage/R_offer/baojiawancheng@2x.png'"></image>
		</view>
		
		
		<!-- 完成报价弹窗 -->
		<view class="successPoup" v-if="successPoup">
			<view class="main">
				<view class="top">
					<image :src="Core.globalImgUrlBussiness+'/newpage/R_offer/tu@2x.png'"></image>
				</view>
				<view class="title">报价提交成功</view>
				<view class="con">报价成功，等待买方查看</view>
				<view class="btn" @click="closPoupe">
					<image :src="Core.globalImgUrlBussiness+'/newpage/R_offer/anniu@2x.png'"></image>
				</view>
			</view>
		</view>
		
		
	</view>
</template>

<script src="./iWantMakeOffer.js"></script>
<style lang="scss" scoped>
	@import './iWantMakeOffer.scss';
</style>
